{extend name='base'}
{block name='ex'}
    <script type="text/javascript">

        function mouseOver(id) {
            if (id == "img1") {
                document.getElementById(id).src = "__STATIC__/index/images/human/concept/img_1click.png";
            }
            if (id == "img2") {
                document.getElementById(id).src = "__STATIC__/index/images/human/concept/img_2click.png";
            }
            if (id == "img3") {
                document.getElementById(id).src = "__STATIC__/index/images/human/concept/img_3click.png";
            }
        }
        function mouseOut(id) {
            if (id == "img1") {
                document.getElementById(id).src = "__STATIC__/index/images/human/concept/img_1.png";
            }
            if (id == "img2") {
                document.getElementById(id).src = "__STATIC__/index/images/human/concept/img_2.png";
            }
            if (id == "img3") {
                document.getElementById(id).src = "__STATIC__/index/images/human/concept/img_3.png";
            }
        }
    </script>
{/block}
{block name='con'}
    <!--背景图 代码 开始 -->
    <div  class="concept">
        <div class="section">
            <div class="title">
                <div style="width: 1200px;margin-bottom: 20px">
                    <div style="height: 30px;width: 515px;float: left;border-bottom: 1px solid #fff;padding-top: 88px">
                    </div>
                    <div class="title wow animated fadeInUp" style="float: left;width: 160px;">
                        人才理念
                    </div>
                    <div style="height: 30px;width: 515px;float: left;border-bottom: 1px solid #fff;padding-top: 88px">
                    </div>
                </div>
            </div>
            <ul class="am-avg-md-3  am-thumbnails content">
                <li>
                    <img id="img1" class="am-thumbnail wow animated fadeInUp" src="__STATIC__/index/images/human/concept/img_1.png"  
                        onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
                </li>
                <li>
                    <img id="img2" class="am-thumbnail wow animated fadeInUp" src="__STATIC__/index/images/human/concept/img_2.png"
                          data-wow-delay="0.2s" onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
                </li>
                <li>
                    <img id="img3" class="am-thumbnail wow animated fadeInUp" src="__STATIC__/index/images/human/concept/img_3.png" 
                         data-wow-delay="0.4s" onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
                </li>
            </ul>
        </div>
    </div>
{/block}